<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="panel-group">
	<div class="panel panel-success">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a>基本配置</a>
			</h4>
		</div>
		<div class="panel-body">
			<!-- 基本信息 -->
			<form class="form-horizontal" role="form">
				<div class="row">
					<!-- 数据源配置 -->
					<div class="col-md-5">
						<div class="form-group">
							<label class="col-sm-2 control-label">数据源</label>
							<div class="col-sm-10">
								<select id="propertySourceSelector"
									class="form-control select-control"></select>
							</div>
						</div>
					</div>

					<!-- 中间图标 -->
					<div class="col-md-2 text-center outer">
						<span class="fa fa-angle-double-right fa-2x"></span>
					</div>

					<!-- 目标源配置 -->
					<div class="col-md-5">
						<div class="form-group">
							<label class="col-sm-2 control-label">目标源</label>
							<div class="col-sm-10">
								<select id="propertyTargetSelector"
									class="form-control select-control"></select>
							</div>
						</div>
					</div>
				</div>

				<div class="row text-right outer">
					<div class="col-md-10"></div>
					<div class="col-md-2">
						<button id="propertyAdd" type="button" class="btn btn-primary">
							<span class="fa fa-plus"></span>添加
						</button>
					</div>
				</div>

				<!-- 已有属性 -->
				<table class="table table-hover container">
					<caption>&nbsp;&nbsp;已有属性</caption>
					<thead>
						<tr>
							<th>数据源</th>
							<th>目标源</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody id="propertyList"></tbody>
				</table>
			</form>
			<!-- 基本信息结束 -->
		</div>
	</div>
</div>
<script type="text/javascript">
	//加载驱动JS
	$.getScript($basePath + '/style/js/driver/driverEditCommonProperty.js');
</script>